<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>京东登陆界面</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
		
			#d2 {
				width: 990px;
				margin: 15px 40px;
			}
			
			#d2 img,#d2 span {
				vertical-align: middle;
			}
			
			#d2 a {
				font-weight: bolder;
			}
			
			#d2 a {
				text-decoration: none;
				color: #666666;
			}
			
			#d3 {
				background-color: #E93854;
			}
			
			#d3 {
				margin: 0px auto;
			}
			
			#d4 {
				width: 800px;
				background: url(上机4图片/banner.png) no-repeat;
				height: 380px;
				background-size: contain;
				margin:0px auto ;
			}
			
			#d5 {
				padding: 20px;
				float: right;
				background-color: white;
				margin: 30px 50px;
				box-sizing: border-box;
			}
			
			form {
				padding: 25px;
				margin: 3px;
			}
			
			#text,
			#mima,
			#d5 p,
			#d5 h2,
			#d5 h2 a,
			#d5 a {
				display: block;
				font-size: 12px;
			}
			
			#d5 h2 a {
				font-size: 8px;
				text-decoration: none;
				color: red;
				background: url(上机4图片/icon5.jpg) no-repeat;
				background-size: contain;
				text-indent: 2em;
			}
			
			#d5 h2 a {
				float: right;
			}
			
			#d5 h2 a:hover {
				color: #666666;
			}
			
			#d5 p {
				font-size: 8px;
				height: 10px;
				margin-bottom: 10px;
			}
			
			#text {
				border: 1px #797979 solid;
				padding: 3px 0 3px 19px;
				background: url(上机4图片/icon1.jpg) no-repeat;
				background-size: contain;
			}
			
			#mima {
				border: 1px #797979  solid;
				padding: 3px 0 3px 19px;
				background: url(上机4图片/icon2.jpg) no-repeat;
				background-size: contain;
			}
			
			#dd5 {
				width: 150px;
				background-color: red;
				color: white;
				margin: 0px auto;
				border: 1px red solid;
			}
			
			#dd5:hover {
				background-color: #666666;
			}
			
			#congzhi span {
				font-size: 8px;
				font-weight: bolder;
			}
			
			#congzhi {
				float: right;
				text-decoration: none;
				clear: both;
				color: #666666;
			}
			
			#congzhi:hover {
				color: red;
			}
			
			input {
				margin-bottom: 10PX;
			}
			#dd1 {
				font-size: 9px;
				width: 700px;
			margin: 15px auto;

			}
			#dd1 a{
				margin: 0 5px;
				text-decoration: none;
			color: #797979;
			font-weight:600;
			}
			#dd1 a:hover{
				color: #E93854;
			}
			 #s3{
			 	width: 300px;
			 	display: block;
			 	margin: 10px auto;
			 	font-size: 10px;
			 	color: #797979;
			
			 }
		</style>
	</head>

	<body>
		<div id="d1">
			<div id="d2">
				<img src="上机4图片/logo.png" />
				<a href="http://taobao.com">欢迎登陆</a>
			</div>

			<div id="d3">
				<div id="d4">
					<div id="d5">

						<h2>京东会员<a href="#">立即注册</a></h2>
						<form action="" method="post">
							<input type="text" name="yonghuming" id="text" placeholder="邮箱/用户名/已验证手机" />
							<input type="password" name="" id="mima" value="" />
							<a href="#" id="congzhi"><span>忘记密码</span></a>
							<p> <input type="checkbox" name="zidong" id="zidong" value="自动登陆" /><span>自动登陆</span>

							</p>

							<input type="submit" value="登陆" id="dd5" />
						</form>
					</div>
				</div>
			</div>
			<div id="dd1">

				<a href="#">关于我们 |</a>
				<a href="#">联系我们 |</a>

				<a href="#">人才招聘 |</a>

				<a href="#">商家入驻 |</a>

				<a href="#">广告服务 |</a>

				<a href="#">手机京东 |</a>
				<a href="#">友情链接 |</a>
				<a href="#">销售联盟 |</a>
				<a href="#">京东社区 |</a>
				<a href="#">京东公益 |</a>
				<a href="#">English Site</a>
     <span id="s3">
    Copyright&copy;2004-2017 京东JD.com 版权所有
     </span>
			</div>

		</div>
	</body>

</html>